<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=8">
<meta http-equiv="Expires" content="0">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Cache-control" content="no-cache">
<meta http-equiv="Cache" content="no-cache">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <title>祈福详细信息</title>
    <script src="javascript/jquery.min.js"></script>
    <script src="javascript/function.js"></script>
    <link rel="stylesheet" href="stylesheet/style_v1.1.css">

</head>
<div class="header-title">
    <a href="#" class="fanhui">
        <img src="image/tick.png" alt="">
    </a>
    <p>祈福详细信息</p>
</div>
<div class="con padding-top50 padding-bottom50">
    <div class="pjq padding5">
        <img src="image/chanpintu.jpg" alt="">
    </div>
    <div class="work-ms">
        <p class="name">晨光（M&G）集客旅行绑带笔记本</p>
        <p class="shuoming">日记手账本子套装(含内芯)</p>
        <p class="qifu-jiage">还需要 <span>90</span>人帮助祈福，即可完成！</p>
    </div>
    <div class="work-sm">
        <p><span>祈福说明：</span>晨光（M&G）集客旅行绑带笔记本日记手账本子套装(含内芯)，</p>
    </div>
    <div class="work-find-list">
        <h3>赞助列表</h3>
        <div class="touxiang">
        <img src="image/touxiang.jpg" alt="">
        <span>asdfasdfasdfasdfasdf</span>
    </div>
        <div class="touxiang">
            <img src="image/touxiang.jpg" alt="">
            <span>asdfasdf</span>
        </div>
        <div class="touxiang">
            <img src="image/touxiang.jpg" alt="">
            <span>asdfasdf</span>
        </div>
        <div class="touxiang">
            <img src="image/touxiang.jpg" alt="">
            <span>asdfasdf</span>
        </div>
        <div class="touxiang">
            <img src="image/touxiang.jpg" alt="">
            <span>asdfasdfasdfasdfasdf</span>
        </div>
        <div class="touxiang">
            <img src="image/touxiang.jpg" alt="">
            <span>asdfasdf</span>
        </div>
        <div class="touxiang">
            <img src="image/touxiang.jpg" alt="">
            <span>asdfasdf</span>
        </div>
        <div class="touxiang">
            <img src="image/touxiang.jpg" alt="">
            <span>asdfasdf</span>
        </div>

    </div>
</div>
<div class="model">
    <div class="model-con">
        <p class="model-name">爆炒冰溜子</p>
        <span class="model-ly">药药切克闹，煎饼果子来一套</span>
        <span class="model-ly">煎饼果子来一套</span>
        <span class="model-ly">药药切克子来一套</span>
    </div>
    <div class="model-btn">
        <a href="#">确定</a>
    </div>
</div>
<!-- <div class="footer padding-lr5"> -->
<!--     <a href="#" class="btn" style="margin-top: 10px">继续分享</a> -->
<!-- </div> -->
<script>
    $(function () {
        $('.model').addClass('hide');
        $('.model-btn').on('click',function(e){
            e.preventDefault();
            $('.model').addClass('hide');
        });
        $('.work-find-list').find('div.touxiang').on('click', function () {
            $('.model').removeClass('hide');
        });
    });
 
</script>
</body>
</html>